@charset "utf-8";
@font-face {
	font-family: 'gothic';
	src: url('font/gothic.eot');
	src: local('gothic'), url('font/gothic.woff') format('woff'), url('font/othic.ttf') format('truetype');
}
/* CHROME FONT FIX */
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
	font-family: 'gothic';
	src: url('font/gothic.svg#CenturyGothic') format('svg');
}
}
/* General Styles */
#homepage-content {
	display: none;
}
a {
	text-decoration: none;
	color: inherit;
}
/* IE Image Link border fix */
a img {
	border: 0;
}
#asides {
	display: none;
}
#main-sect {
	width: 99%;
	height: 500px;
}
ul {
	list-style: none;
	display: inline;
	padding: 0;
}
#menu-home-list-mobile {
	width: 100%;
}
#menu-home-list {
	display: none;
}
#nav-list {
	text-align: left;
	font-family: 'gothic';
	font-weight: 600;
}
#nav-list li p {
	float: left;
}
#nav-list li p:last-of-type {
	clear: both;
}
#nav-list li img {
	float: right;
	clear: right;
	width: 30px;
	margin-top: -17px;
	margin-right: 20px;
}
#nav-list li {
	height: 40px;
	background: #f26a29;
	margin-bottom: 2px;
	color: white;
}
#nav-list li:hover {
	background: #fe992e;
}
#nav-list li:active {
	background: #be3d00;
}
.nav-top {
	font-size: 18px;
	text-indent: 5px;
	margin-bottom: 0;
	margin-top: 0;
}
.nav-desc {
	font-size: 14px;
	text-indent: 50px;
	margin-top: 0;
	margin-bottom: 0;
}
#opening-hours, #phone-mail-aside {
	float: left;
}
#location, #fb-yt-aside {
	float: right;
}
aside {
	font-family: "gothic";
	color: #747474;
}
#opening-hours, #location {
	width: 40%;
	font-size: 11px;
}
#phone-mail-aside {
	width: 90%;
}
.span-middle {
	vertical-align: 40%;
}
#fb-yt-aside {
	width: 10%;
}
aside img {
	height: 30px;
}
#opening-hours-list li:first-child, #location-list li:first-child {
	font-weight: 600;
}
#opening-hours-list li {
	padding-left: 2px;
	border-left: 2px solid #f26a29;
}
#location-list li {
	padding-right: 2px;
	border-right: 2px solid #f26a29;
	text-align: right;
}
#location-list li:last-child {
	border: none;
}
#phone-mail-list {
	font-size: 1em;
}
#fb-yt-list {
	text-align: right;
}
.content-span {
	display: inline-block;
	font-family: "gothic";
	font-size: 24px;
	height: 40px;
	width: 100%;
	background: #f26a29;
	color: white;
	padding-top: 7px;
	padding-left: 3px;
}
.content-span img {
	vertical-align: text-top;
	width: 30px;
}
#content {
	height: 100%;
	width: auto;
}
header img {
	float: left;
	width: 160px;
}
/* CLEAR CLASS */
.clear {
	clear: both;
}

/* MEDIA QUERIES */
@media screen and (min-width: 700px) {
#wrapper {
	background-color: rgba(255,255,255,0.6);
}
aside {
	background-color: rgba(255,255,255,0.8);
}
#menu-home-list {
	display: block;
	width: 100%;
}
.slider-nav {
	text-align: center;
}
.nav-top {
	font-size: 18px;
}
#menu-home-list-mobile {
	display: none;
}
header {
	text-align: center;
}
#dragon-image {
	position: fixed;
	left: 0;
	top: 0;
	z-index: -50;
	width: 240px;
	float: left;
}
#logo {
	float: none;
}
#nav-list {
	text-align: center;
}
#nav-list li {
	display: inline-block;
	width: 19%;
	line-height: 40px;
}
.nav-arrow {
	display: none;
}
.nav-desc {
	display: none;
}
#asides-mobile {
	display: none;
}
#asides {
	display: block;
}
#homepage-content {
	display: block;
}
}
@media screen and (min-width: 961px) {
#wrapper {
	width: 960px;
	margin: 0 auto;
}
#dragon-image {
	width: 360px;
}
}
@media screen and (min-width: 1409px) {
aside {
	margin-right: -23.3%;
	float: right !important;
	clear: both;
	text-align: left !important;
	width: 24% !important;
	background-color: white;
}
aside li {
	text-align: left !important;
}
#location-list li {
	border-left: 2px solid #f26a29;
	border-right: none !important;
}
#main-sect {
	position: relative;
	top: -240px;
	left: 0px;
	width: 940px;
	margin: 0 auto;
}
}